<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        output 输出标签
        datalist
     -->
</head>
<body>
    <form>
        喜欢的美女:<input type="text" list="bf" autocomplete="on" name="sbf"><input type="submit" />
       <datalist id="bf">
            <option value="迪丽热巴" >
            <option value="黄圣依">黄圣依</option>
            <option value="景甜">景甜</option>
            <option>杨幂</option>
        </datalist>
    </form>
    <!-- <form oninput="c.value=Number(a.value)+Number(b.value)">
        <input type="text" id="a">
        +
        <input type="number" id="b"/>
        =
        <output for="a b" name="c"></output>
    </form> -->
</body>
</html>